<template>
  <div class="reportModel">
    <div class="_title">
      <div class="left">司法风险</div>
    </div>
    <div class="content" v-if="info.status == '1'">
      <div class="row-label-block">
        <i class="el-icon-s-data" style="display: block; margin-bottom: 10px">
          <label>司法案件统计</label>
        </i>
        <table class="sfhy">
          <tr>
            <th colspan="2">民事案件</th>
            <th colspan="3">刑事案件</th>
            <th colspan="2">行政案件</th>
          </tr>
          <tr>
            <td colspan="2">{{ getAJnum(info.civilCount) }}</td>
            <td colspan="3">{{ getAJnum(info.criminalCount) }}</td>
            <td colspan="2">{{ getAJnum(info.administrativeCount) }}</td>
          </tr>
          <tr>
            <th colspan="2">执行案件</th>
            <th colspan="3">强制清算与破产案件</th>
            <th colspan="2">非诉保全审查</th>
          </tr>
          <tr>
            <td colspan="2">{{ getAJnum(info.implementCount) }}</td>
            <td colspan="3">{{ getAJnum(info.bankruptCount) }}</td>
            <td colspan="2">{{ getAJnum(info.preservationCount) }}</td>
          </tr>
          <template v-if="info.count">
            <tr>
              <td colspan="7">案件统计</td>
            </tr>
            <tr class="ajtj">
              <td>案件总数量</td>
              <td>已结案件数量</td>
              <td>未结案件数量</td>
              <td>原告总数</td>
              <td>原告已结案总数</td>
              <td>原告未结案总数</td>
              <td>被告总数</td>
            </tr>
            <tr class="ajtj">
              <td>{{ info.count.count_total }}</td>
              <td>{{ info.count.count_jie_total }}</td>
              <td>{{ info.count.count_wei_tota }}</td>
              <td>{{ info.count.count_yuangao }}</td>
              <td>{{ info.count.count_jie_yuangao }}</td>
              <td>{{ info.count.count_wei_yuangao }}</td>
              <td>{{ info.count.count_beigao }}</td>
            </tr>
            <tr class="ajtj">
              <td>被告已结案总数</td>
              <td>被告未结案总数</td>
              <td>第三人总数</td>
              <td>第三人已结案总数</td>
              <td>第三人未结案总数</td>
              <td>涉案总金额（单位：万元）</td>
              <td>已结案金额（单位：万元）</td>
            </tr>
            <tr class="ajtj">
              <td>{{ info.count.count_jie_beigao }}</td>
              <td>{{ info.count.count_wei_beigao }}</td>
              <td>{{ info.count.count_other }}</td>
              <td>{{ info.count.count_jie_other }}</td>
              <td>{{ info.count.count_wei_other }}</td>
              <td>{{ GRAJFF(info.count.money_total) }}</td>
              <td>{{ GRAJFF(info.count.money_jie_total) }}</td>
            </tr>
            <tr class="ajtj">
              <td>未结案金额（单位：万元）</td>
              <td>未结案金额占比</td>
              <td>原告金额（单位：万元）</td>
              <td>原告已结案金额（单位：万元）</td>
              <td>原告未结案金额（单位：万元）</td>
              <td>被告金额（单位：万元）</td>
              <td>被告已结案金额（单位：万元）</td>
            </tr>
            <tr class="ajtj">
              <td>{{ GRAJFF(info.count.money_wei_total) }}</td>
              <td>{{ info.count.money_wei_percent }}</td>
              <td>{{ GRAJFF(info.count.money_yuangao) }}</td>
              <td>{{ GRAJFF(info.count.money_jie_yuangao) }}</td>
              <td>{{ GRAJFF(info.count.money_wei_yuangao) }}</td>
              <td>{{ GRAJFF(info.count.money_beigao) }}</td>
              <td>{{ GRAJFF(info.count.money_jie_beigao) }}</td>
            </tr>
          </template>
        </table>

        <!--          <i class="el-icon-s-data" style="display: block; margin-top: 20px">-->
        <!--            <label>各案件关系树</label>-->
        <!--          </i>-->
        <!--          <div id="ajcls" style="width: 1000px;height:450px;margin: 20px;padding: 20px"></div>-->
        <i class="el-icon-s-data" style="display: block; margin-top: 20px">
          <label>司法案件详情</label>
        </i>
        <table class="sfhy">
          <template v-for="i of item" v-if="info[i]">
            <template v-for="cases in info[i]">
              <tr>
                <th>案号</th>
                <th>案件类型</th>
                <th>法院</th>
                <th>诉讼身份</th>
                <th>立案时间</th>
                <th>结案时间</th>
                <th>案件状态</th>
                <th>案由</th>
                <th>结案方式</th>
              </tr>
              <tr>
                <td rowspan="2">{{ cases.c_ah }}</td>
                <td>{{ cases.n_ajlx }}</td>
                <td>{{ cases.n_jbfy }}</td>
                <td>{{ cases.n_ssdw }}</td>
                <td>{{ cases.d_larq }}</td>
                <td>{{ cases.d_jarq }}</td>
                <td>{{ cases.n_ajjzjd }}</td>
                <td>{{ cases.n_laay }}</td>
                <td>{{ cases.n_jafs }}</td>
              </tr>
              <tr>
                <td colspan="8">
                  判决结果：{{ 'c_gkws_pjjg' in cases ? cases.c_gkws_pjjg : '无' }}
                </td>
              </tr>
              <tr>
                <td colspan="9"/>
              </tr>
            </template>
          </template>
        </table>

        <!--          <i class="el-icon-s-data" style="display: block; margin-top: 20px">-->
        <!--            <label>执行公告{{ info.implementCases ? '' : '（暂无）' }}</label>-->
        <!--          </i>-->
        <!--          <table v-if="'cases' in info.implementCases" class="sfhy"-->
        <!--                 style="margin-top: 10px">-->
        <!--            <template v-for="item in info.implementCases">-->
        <!--              <thead>-->
        <!--              <tr>-->
        <!--                <th>案号</th>-->
        <!--                <th>案件类型</th>-->
        <!--                <th>法院</th>-->
        <!--                <th>诉讼身份</th>-->
        <!--                <th>立案时间</th>-->
        <!--                <th>结案时间</th>-->
        <!--                <th>结案方式</th>-->
        <!--                <th>执行标的金额</th>-->
        <!--              </tr>-->
        <!--              </thead>-->
        <!--              <tbody>-->
        <!--              <tr>-->
        <!--                <td rowspan="2">{{ item.c_ah }}</td>-->
        <!--                <td>{{ item.n_ajlx }}</td>-->
        <!--                <td>{{ item.n_jbfy }}</td>-->
        <!--                <td>{{ item.n_ssdw }}</td>-->
        <!--                <td>{{ item.d_larq }}</td>-->
        <!--                <td>{{ item.d_jarq }}</td>-->
        <!--                <td>{{ item.n_jafs }}</td>-->
        <!--                <td>{{ item.n_sqzxbdje }}</td>-->
        <!--              </tr>-->
        <!--              <tr>-->
        <!--                <td colspan="8">判决结果：{{ 'c_gkws_pjjg' in item ? item.c_gkws_pjjg : '无' }}</td>-->
        <!--              </tr>-->
        <!--              </tbody>-->
        <!--            </template>-->
        <!--          </table>-->
        <!--          -->
        <!--          <i class="el-icon-s-data" style="display: block; margin-top: 20px">-->
        <!--            <label>强制清算与破产案件{{ info.bankruptCases ? '' : '（暂无）' }}</label>-->
        <!--          </i>-->
        <!--          <table v-if="info.bankruptCases" class="sfhy"-->
        <!--                 style="margin-top: 10px">-->
        <!--            <template v-for="(item, index) in info.bankruptCases">-->
        <!--              <tr>-->
        <!--                <th>案号</th>-->
        <!--                <th>案件类型</th>-->
        <!--                <th>法院</th>-->
        <!--                <th>诉讼身份</th>-->
        <!--                <th>当事人</th>-->
        <!--                <th>立案时间</th>-->
        <!--                <th>案件进展阶段</th>-->
        <!--                <th>所属地域</th>-->
        <!--                <th>结案时间</th>-->
        <!--                <th>结案方式</th>-->
        <!--                <th>执行标的</th>-->
        <!--              </tr>-->

        <!--              <tr>-->
        <!--                <td rowspan="2">{{ item.c_ah }}</td>-->
        <!--                <td>{{ item.n_ajlx }}</td>-->
        <!--                <td>{{ item.n_jbfy }}</td>-->
        <!--                <td>{{ item.n_ssdw }}</td>-->
        <!--                <td>{{ item.c_dsrxx }}</td>-->
        <!--                <td>{{ item.d_larq }}</td>-->
        <!--                <td>{{ item.n_ajjzjd }}</td>-->
        <!--                <td>{{ item.c_ssdy }}</td>-->
        <!--                <td>{{ item.d_jarq }}</td>-->
        <!--                <td>{{ item.n_jafs }}</td>-->
        <!--                <td>{{ item.n_sqzxbdje }}</td>-->
        <!--              </tr>-->
        <!--              <tr>-->
        <!--                <td colspan="8">判决结果：{{ 'c_gkws_pjjg' in item ? item.c_gkws_pjjg : '无' }}</td>-->
        <!--              </tr>-->
        <!--            </template>-->
        <!--            <template v-if="info.bankruptCases">-->
        <!--              <tr>-->
        <!--                <td>未命中</td>-->
        <!--              </tr>-->
        <!--            </template>-->
        <!--          </table>-->
        <!--          -->
        <!--          <i class="el-icon-s-data" style="display: block; margin-top: 20px">-->
        <!--            <label>非诉保全审查{{ info.preservationCases ? '' : '（暂无）' }}</label>-->
        <!--          </i>-->
        <!--          <table v-if="info.preservationCases" class="sfhy"-->
        <!--                 style="margin-top: 10px">-->
        <!--            <template v-for="item in info.preservationCases">-->
        <!--              <thead>-->
        <!--              <tr>-->
        <!--                <th>案号</th>-->
        <!--                <th>案件类型</th>-->
        <!--                <th>法院</th>-->
        <!--                <th>诉讼身份</th>-->
        <!--                <th>立案时间</th>-->
        <!--                <th>结案时间</th>-->
        <!--                <th>结案方式</th>-->
        <!--                <th>执行标的</th>-->
        <!--              </tr>-->
        <!--              </thead>-->
        <!--              <tbody>-->
        <!--              <tr>-->
        <!--                <td rowspan="2">{{ item.c_ah }}</td>-->
        <!--                <td>{{ item.n_ajlx }}</td>-->
        <!--                <td>{{ item.n_jbfy }}</td>-->
        <!--                <td>{{ item.n_ssdw }}</td>-->
        <!--                <td>{{ item.d_larq }}</td>-->
        <!--                <td>{{ item.d_jarq }}</td>-->
        <!--                <td>{{ item.n_jafs }}</td>-->
        <!--                <td>{{ item.n_sqzxbdje }}</td>-->
        <!--              </tr>-->
        <!--              <tr>-->
        <!--                <td colspan="8">判决结果：{{ 'c_gkws_pjjg' in item ? item.c_gkws_pjjg : '无' }}</td>-->
        <!--              </tr>-->
        <!--              </tbody>-->
        <!--            </template>-->
        <!--          </table>-->
      </div>
    </div>
    <p class="failMsg" v-else>{{ info.msg }}</p>
    <div class="explain">
      <div class="explainTitle">说明</div>
      <div class="explainDesc">
        1.查询类型：参考自身风险筛查。<br/>
      </div>
    </div>
  </div>
</template>
<script>
  import {GRAJFF} from "@/utils/grajParam.js";

  export default {
    name: 'Judiciary',
    props: {
      info: {
        required: true,
        type: Object
      }
    },
    data() {
      return {
        item: ['civilCases', 'criminalCases', 'administrativeCases', 'implementCases', 'bankruptCases', 'preservationCases']
      }
    },

    methods: {
      GRAJFF,
      getAJnum(data) {
        if (data) {
          return data.length + '条'
        }
        return '未命中（0条）'
      }
    }
  }
</script>

<style scoped lang="scss">
  .content {
    color: #cccccc;
    margin: 0 15px 15px;

    .sfhy {
      margin-top: 10px;
      border: 1px solid #ccc;
      width: 100%;
      border-collapse: collapse;
    }

    .sfhy th, td {
      text-align: center;
      padding: 12px 0px;
      color: #909399;
      font-size: 12px;
    }

    th {
      background-color: #f5f5f5;
    }

    td {
      border: 1px solid #ccc;
    }
  }
</style>
